@charset "utf-8";

.game_bg_box{
    display: flex;
    // background: red;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
   
}
.game_text_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    
  img{
    margin-bottom: 20px;
  }
}
.game_bg_box{
    background: url(../img/e14.png) no-repeat     ;
   
  
    span{
        width: 20px;  
        margin: 0 auto;  
        line-height: 24px;  
        font-size: 20px;
        color: #FFF;
        position: absolute;
        left: 10px;
        top: 20px;
    }
}
.game_title{
    h4{
        color: #2A2A2A;
        font-size: 30px;
        text-align: right;
    }
    p{
        color: #898989;
        font-size: 12px;
    }
    div{
        color: #898989;
        font-size: 12px;
    }
}
.game_bg_box_two{
   
    span{
        width: 20px;  
        margin: 0 auto;  
        line-height: 24px;  
        font-size: 20px;
        color: #FFF;
        position: absolute;
        left: 10px;
        top: 20px;
        flex-wrap: wrap;
    }
}


.game_title_two{
    h4{
        color: #2A2A2A;
        font-size: 30px;
       
    }
    p{
        color: #898989;
        font-size: 12px;
    }
    div{
        color: #898989;
        font-size: 12px;
    }
}
.game_title_two{
    h4{
        color: #2A2A2A;
        font-size: 30px;
        text-align: left;
    }
    p{
        color: #898989;
        font-size: 12px;
    }
    div{
        color: #898989;
        font-size: 12px;
    }
}
.game_text_box_list{
    display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
    
}
.game_text_box_two{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    img{
        margin-bottom: 20px;
      }
}
.game_text_box_three{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    div{
        text-align: center;
        color: #2A2A2A;
        font-size: 14px;
        margin-top: 15px;
    }
}
.game_bottom{
    margin-bottom: 50px;
    h4{
        color: #010101;
        font-size: 36px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
   html,body{
       overflow-x: hidden;
   }
  
    .game_bg_box{
      img{
          width: 300px;
      
      }
    }
        .game_text_box{
            justify-content: center;
        }
        .game_text_box_two{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        .game_text_box_three{
            justify-content: center;
        }
        
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .game_text_box_three{
            img{
                width: 250px;height: 100px;
            }
        }
        html{
            overflow-x: hidden;
        }
        .game_text_box_two img{
         margin-left: 25px;
        }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1366px) {
        .game_text_box_three{
            img{
              flex-wrap: nowrap;
              width: 210px;
            }
        }
        .game_text_box_two{
            flex-wrap: nowrap;
           
        }
    }